.listing_items {

  .list {
    $spc: 15px;
    display: table;
    clear: both;
    //border-bottom: 1px dotted cl(gray);
    @include fz(xs);
    padding-bottom: sp(1);

    a { 
      display: table-row; 
      text-decoration: none; 
    }
      
    * + * { margin-top: sp(1) / 2; }

    h3, time { 
      display: table-cell;
      vertical-align: middle;
      box-sizing: border-box;
      vertical-align: middle;
      min-height: sp(5);
    }

    h3, time > div { $s: 0.5; margin-bottom: sp($s); margin-top: sp($s); }
    &_type_projects h3 div, &_type_archived h3 div{ 
      $s: 0.75; margin-bottom: sp($s); margin-top: sp($s);
      &::after {
        display: block;
        width: 40px;
        height: 0px;
        border-top: 1px dotted cl(gray);
        margin-top: sp($s * 2);
        content: " ";
      }
    }
    &_type_projects a:last-child h3 div::after, &_type_archived a:last-child h3 div::after { 
      display: none;
    }

    h3   { 
      @include fz(sm);
      color: cl(blue); 
      margin: 0;
      padding: 0;
      width: 100%;
    }
    time { 
      @include fz(xs); 
      color: cl(dark);
      div {

        border-right: 1px dotted cl(gray);
        margin-right: $spc;
        white-space: nowrap;
        $s: 15px;
      }
    }
    .description { display: block; color: cl(dark); @include fz(xs); }

    h3 {  }
    time div { padding-right: $spc; }

  }

  a.all {
    float: right;
    @include fz(xs);
    color: cl(blue);
    border-bottom: none;
    text-decoration: none;
  }
}
